/* This is a comment */
/* To select an element with a specific id, write a hash (#) followed by the id of the element. */
/* To select elements with a specific class, write a period (.) followed by the name of the class. */

html {
   /* background-color: #606060; */
}

body {
   padding: 0px;
   margin: 0px;
   background-color: #E0E0E0;
}

p {
   text-align: center;
}

#pagetop {
   /* background-color: grey; */
   /* background-color: #606060; */
   background-image: linear-gradient(90deg, #202020, #909090);
   padding: 20px;
   text-align: right;
}

#pagemid {
   /* background-color: grey; */
   /* background-color: #A0A0A0; */
   /* background-image: linear-gradient(20deg, #909090, #D0D0D0, #E9E9E9); */
   background-image: linear-gradient(20deg, #909090, #E9E9E9, #C0C0C0);
   /* background-image: radial-gradient(ellipse, #E9E9E9, #E9E9E9, #A0A0A0); */
   padding: 1px;
}

#pagebot {
   /* background-color: grey; */
   /* background-color: #808080; */
   background-image: linear-gradient(90deg, #606060, #808080);
   padding: 12px 12px 1px 12px;
   margin:  0px  0px 0px  0px;
   font-family: "Lucida Sans Unicode", "Lucida Sans", Calibri, Arial, Sans-serif;
}

#companyname {
   /* Specify fonts, in order of preference. */
   font-family: "Lucida Sans Unicode", "Lucida Sans", Calibri, Arial, Sans-serif;
   font-size: 22px;
   font-weight: normal;
   color: #909090;
   text-shadow: 2px 1px 4px #101010;
   margin-right: 44px;
   padding: 0px;
   /* margin:  0px; */
}

.activity {
   font-size: 1.0em;
   font-weight: normal;
   box-shadow: 6px 3px 6px #505050;
   background-color: #B0B0B0;
   /* background-color: #669944; */ /* Logo green */
   color: #404040;
   text-align: center;
   display: inline-block;
   width: 30%;
   /* padding: 1px 10% 1px 10%; */
   margin: 0px 1en 0px 1en;
   /* margin: 0px 2% 0px 2%; */
}

.fixedh {
   height: 190px;
   padding: 4px;
}

.right {
   text-align: right;
}